﻿<!DOCTYPE html>
<html>
<head>
	<title>快件e栈服务平台</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<link href="css/normalize.css" type="text/css" rel="stylesheet" />
	<link href="css/main.css" type="text/css" rel="stylesheet" />
	<script src="js/jquery.min.js" type="text/javascript"></script>
	<script src="js/notice.js"  type="text/javascript"></script>
	<script src="js/common.js" type="text/javascript"></script>
	<script src="layer/layer.js"></script>
</head>
<body>
	<div class="content">
		<div class="top autoH">
			<div class="logo autoH">
				<img src="images/logo.png" width="100%">
			</div>
		</div>
		<div class="middle">
			<form id="theForm">
				<div class="forminput">
					<input type="text" id="expressNum" name="expressNum" placeholder="请输入快递单号...">
					<input id="PageContext" type="hidden" value="${pageContext.request.contextPath}" />
					<div  class="submBtn"></div>
				</div>
			</form>
		</div>
		<div class="funContdiv">
			<div class="funCont">
				<div class="userFun">
					<p class="funIcon userFunColor1"></p>
					<p class="funTxt">个人中心</p>
				</div>
				<div class="userFun">
					<p class="funIcon userFunColor2"></p>
					<p class="funTxt">懒人排行</p>
				</div>
				<div class="userFun">
					<p class="funIcon userFunColor3"></p>
					<p class="funTxt">取货二维码</p>
				</div>
				<div class="userFun">
					<p class="funIcon userFunColor4"></p>
					<p class="funTxt">我的快件</p>
				</div>
					<div id="userFun5" class="userFun">
						<p class="funIcon userFunColor5"></p>
						<p class="funTxt">快递助手</p>
					</div>
					<div class="userFun">
						<p class="funIcon userFunColor6"></p>
						<p class="funTxt">退出登录</p>
					</div>
			</div>
		</div>
	
		<div class="footer">
			<!--<p class="copytxt">&copy;新职课版权所有</p>-->
		</div>
	</div>
	<script type="text/javascript">
		var isUser;
		var userPhone;
		$(function(){
			$.getJSON("/wx/userInfo.do",null,function (data) {
				//{status:0/1,result:手机号}
				userPhone = data.result;
				if (data.status == 1) {
					isUser = false;
				} else {
					isUser = true;
					$("#userFun5").hide();
				}
				//layer.msg("欢迎您"+userPhone);
			});

			var pageContextVal = $("#PageContext").val();
			$(".userFun").click(function(){
				var clickNum = $(this).index();
				switch(clickNum){
						//个人中心
					case(0):
						window.location.href= "wxUserhome.html";
						break;
					case(1):
						window.location.href= "lazyboard.html";
						break;
					case(2): window.location.href= "/wx/createQRCode.do?type=user"; break;
					case(3): window.location.href= "expressList.html"; break;
					case(4): window.location.href= "expressAssist.html"; break;
					case(5):
						//1.	告知服务器要退出
						$.getJSON("/wx/logout.do",null,function (data) {

							window.location.href= "login.html";
						})
						break;
				}
			});

			var initFunc = function(){
				var windowH = $(document).height();
				var windowW = $(document).width();

				$(".content").css({"height": windowH+"px"});

				var contentW = $(".content").width();
				var contentH = $(".content").height();

				var contH = windowH / 3;
				$(".autoH").css({"height": contH+"px"});

				// userFunH  content
				var middleH = $(".middle").height() + 40;
				var userFunH = contentH - contH - middleH - 30 -20; //footer,userfun(margin)
				$(".funContdiv").css({"height":userFunH+"px"});

				var funIconH = $(".funIcon").width();
				$(".funIcon").css({"height": funIconH+"px","line-height": funIconH+"px","border-radius": funIconH/2 +"px","font-size":funIconH/2 +"px"});

			};

			initFunc();

			$(window).resize(function(){
				initFunc();
			});

			// input focus
			$(".middle .forminput input").focus(function(){
				$(".middle .forminput").css({"border":"1px solid rgba(31,114,255,.75)","box-shadow":"0 0 8px rgba(31,114,255,.5)"});
			});

			// input blur
			$(".middle .forminput input").blur(function(){
				$(".middle .forminput").css({"border":"1px solid #333333","box-shadow":"none"});
			});

			//submit arrow
			$(".submBtn").click(function(){
				var expressNum = $("#expressNum").val();//快递单号
				var windowId = layer.load();
				$.getJSON("/ul/indexQueryExpress.do",{expressNum:expressNum},function (data) {
					layer.close(windowId);
					layer.open({
						type: 1,
						skin: 'layui-layer-rim', //加上边框
						area: ['420px', '240px'], //宽高
						content: data.result
					});
				})
			});
		});
	</script>
</body>
</html>